$(function () {
    //  定义所有参数为全局变量
    let parmes = {
        key: '',
        type: '',
        state: '',
        page: 1,
        perpage: 10,
    }

    // 渲染所有数据到页面中

    function getArticleQuery() {
        $.get('/admin/article/query', parmes, function (res) {
            const html = template('trTpl', { list: res.data.data })
            $('tbody').html(html)
            // console.log(res)
            renderPage(res.data.totalCount)
        })
    }

    // 下拉框数据渲染
    function getCategoryList() {
        $.get('/admin/category/list', function (res) {

            let html = `<option value="">所有状态</option>`
            res.data.forEach(value => {
                html += `<option value="${value.id}">${value.name}</option>`
                $('#selCategory').html(html)

            });

        })
    }
    // 筛选按钮做绑定事件
    $('#btnSearch').click(function () {
        parmes.key = $('#aname').val()
        parmes.type = $('#selCategory').val()
        parmes.state = $('#selStatus').val()
        parmes.page = 1
        getArticleQuery()
    })

    // 分页设置
    function renderPage(count) {
        layui.laypage.render({
            elem: 'pager',//注意，这里的ID，不用加 # 号
            count,
            limit: parmes.perpage,
            curr: parmes.page,
            jump: function (obj, first) {
                if (!first) {
                    parmes.page = obj.curr;
                    getArticleQuery()
                }
            }
        });
    }

    // 重置按钮
    $('#btnReset').click(function () {
        parmes = {
            key: '',
            type: '',
            state: '',
            page: 1,
            perpage: 10,
        }
        $('#aname').val('')
        $('#selCategory').val('')
        $('#selStatus').val('')
        getArticleQuery()
    })


    // 删除按钮绑定事件
    $('tbody').on('click', '.delete', function () {
        const { id } = $(this).parents('tr').data('obj')
        layer.confirm('确定要删除吗？', function (index) {
            layer.close(index)
            $.post('/admin/article/delete', { id }, function (res) {
                // 刷新数据
                console.log(res)
                getArticleQuery()

            })
        })
    })

    // 编辑按钮绑定事件
    $('btn-xs').click(function () {
        $.post('/admin/article/edit', parmes, function (res) {

        })
    })
    getArticleQuery()
    getCategoryList()

})